<template>
	<div id="app">
		<!-- <img alt="Vue logo" src="./assets/logo.png"> -->
		<!-- <HelloWorld msg="Welcome to Your Vue.js App"/> -->
		<!-- <Test></Test> -->
		<div id="nav">
			<router-link to="/hw">HelloWorld</router-link>
			<router-link to="/test">Test</router-link>
			<hr />
			<router-view></router-view>
		</div>
	</div>
</template>

<script>
	import HelloWorld from './components/HelloWorld.vue'
	import Test from './components/Test.vue'

	export default {
		name: 'App',
		components: {
			HelloWorld,
			Test
		}
	}
</script>

<style>
	#nav {
		padding: 30px;
	}
	#app {
		font-family: Avenir, Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		color: #2c3e50;
		margin-top: 60px;
	}
</style>
